##############################################################
## : Last added, top torrents, top users Mod
## : RoadTrain 
## : 1.6.0
##   ajax: Bender (Alekseev)
## :        .
## : 
## 
##############################################################

---------------------------------[  library/language/ru/main.php     ]------------------------

$lang['LAST_ADDED'] = ' ';
$lang['TOP_DOWNLOADED'] = ' ';
$lang['TOP_SEEDERS'] = " {$bb_cfg['t_top_uploaders']} ";
$lang['TOP_LEECHERS'] = " {$bb_cfg['t_top_downloaders']} ";
$lang['NO_MATCHING'] = '  ';
$lang['NO_TOP_MATCH'] = '   ';
$lang['CLICK_TO_VIEW'] = '  ';

---------------------------------[  library/config.php     ]------------------------

$bb_cfg['t_last_added_num'] = 7;
$bb_cfg['t_top_downloaded'] = 7;
$bb_cfg['t_top_uploaders'] = 5;
$bb_cfg['t_top_downloaders'] = 5;
$bb_cfg['top_cache'] = '20';
$bb_cfg['title_text'] = 30;

---------------------------------[  ajax.php  ]------------------------

		'manage_group'      => array('user'),

---------------------------------[   ]---------------------------------

		'releases'          => array('user'),

---------------------------------[  ]-----------------------------------------

	function sitemap()
	{
		require(AJAX_DIR .'sitemap.php');
	}

---------------------------------[   ]---------------------------------	

	function releases()
	{
		require(AJAX_DIR .'releases.php');
	}

---------------------------------[  styles/templates/default/page_header.tpl  ]------------------------

<!-- IF HTML_SIDEBAR_1 -->

---------------------------------[   ]---------------------------------

<script type="text/javascript">
	ajax.releases = function(mode) {
		ajax.exec({
			action : 'releases',
			mode   : mode,
		});
	};
	ajax.callback.releases = function(data) {
		$('#'+data.mode).toggle().html(data.html);
	};
</script>
<div class="section visitorPanel">
	<div class="secondaryContent">  
	<ol>	
		<div class="sidebarContent">
			<!-- IF $bb_cfg['t_last_added_num'] -->
			<h3><a href="#" id="load_last_added" onclick="ajax.releases('last_added'); return false;" title="{L_CLICK_TO_VIEW}"><img src="styles/images/plus.png" width="22px;" height="22px;" alt="">{L_LAST_ADDED}</a></h3>
			<span id="last_added" style="display: none;"></span>
			<!-- ENDIF -->
			<!-- IF $bb_cfg['t_top_downloaded'] -->
			<h3><a href="#" id="load_top_downloaded" onclick="ajax.releases('top_downloaded'); return false;" title="{L_CLICK_TO_VIEW}"><img src="styles/images/plus.png" width="22px;" height="22px;" alt="">{L_TOP_DOWNLOADED}</a></h3>
			<span id="top_downloaded" style="display: none;"></span>
			<!-- ENDIF -->
			<!-- IF $bb_cfg['t_top_uploaders'] -->
			<h3><a href="#" id="load_top_uploaders" onclick="ajax.releases('top_uploaders'); return false;" title="{L_CLICK_TO_VIEW}"><img src="styles/images/plus.png" width="22px;" height="22px;" alt="">{L_TOP_SEEDERS}</</a></h3>
			<span id="top_uploaders" style="display: none;"></span>
			<!-- ENDIF -->
			<!-- IF $bb_cfg['t_top_downloaders'] -->
			<h3><a href="#" id="load_top_downloaders" onclick="ajax.releases('top_downloaders'); return false;" title="{L_CLICK_TO_VIEW}"><img src="styles/images/plus.png" width="22px;" height="22px;" alt="">{L_TOP_LEECHERS}</</a></h3>
			<span id="top_downloaders" style="display: none;"></span>
			<!-- ENDIF -->
		</div>
	</ol>
	</div>
</div>

  main.css

@-webkit-keyframes Loader-in {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  50% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  100% {
    -webkit-transform: translate3d(0, -100px, 0);
            transform: translate3d(0, -100px, 0);
  }
}

@keyframes Loader-in {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  50% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  100% {
    -webkit-transform: translate3d(0, -100px, 0);
            transform: translate3d(0, -100px, 0);
  }
}
@-webkit-keyframes Poster-in {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes Poster-in {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

[c-poster] {
  -webkit-animation: Poster-in .8s 1;
  animation: Poster-in .8s 1;
  -webkit-animation-fill-mode: backwards;
  animation-fill-mode: backwards;
  background: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  display: block;
  float: left;
  height: 160px;
  color: inherit;
  overflow: hidden;
  margin-bottom: 32px;
  padding: 32px;
  padding-left: 50px;
  position: relative;
  -webkit-transition: .4s box-shadow;
  transition: .4s box-shadow;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 100px;
}
[c-poster] + [c-poster] {
  margin-left: 32px;
}
[c-poster]:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
  -webkit-transition: .4s box-shadow .2s;
          transition: .4s box-shadow .2s;
}
[c-poster]:hover [c-poster-cover] {
  -webkit-transform: translate3d(-170px, 0, 0);
          transform: translate3d(-170px, 0, 0);
}
[c-poster]:hover [c-poster-cover-photo] {
  opacity: .5;
  -webkit-transform: translate3d(110px, 0, 0);
          transform: translate3d(110px, 0, 0);
}

[c-poster-cover] {
  background: #000;
  height: 100%;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-transition: -webkit-transform .4s;
          transition: transform .4s;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  width: 100%;
  z-index: 9;
}

[c-poster-cover-photo] {
  background: transparent no-repeat center center / cover;
  height: 100%;
  -webkit-transition: -webkit-transform, opacity;
          transition: transform, opacity;
  -webkit-transition-duration: .4s;
          transition-duration: .4s;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  width: 100%;
}

[c-poster-title] {
  font-size: 14px;
  color: #363636;
}

[c-poster-network] {
  font-size: 14px;
  color: #bababa;
  margin-bottom: 24px;
}

[c-poster-description] {
  font-size: 12px;
  background: #fff;
  line-height: 18px;
  color: #474849;
  padding-bottom: 36px;
  max-height: 260px;
  overflow: hidden;
  position: relative;
  -webkit-transition: max-height .6s;
          transition: max-height .6s;
  z-index: 1;
  font-weight: 100;
}
[c-poster-description]::before {
  content: '';
  display: block;
  background: -webkit-linear-gradient(top, transparent, #fff);
  background: linear-gradient(to bottom, transparent, #fff);
  height: 36px;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
}
[c-poster-description]:active {
  max-height: 300px;
}

[c-poster-seasons] {
  position: absolute;
  bottom: 32px;
  text-decoration: none;
  color: #000;
}